@import '~@/assets/styles/mixins.less';
@import '~@/assets/css/variable.less';

.ant-breadcrumb {
  font-size: calc(@font-size-ctent + 0px) !important;
}
.ant-badge-status-text {
  font-size: @font-size-ctent;
}
/*导航分两列*/
.ant-menu {
  background-color: transparent;
  .anticon {
    font-size: calc(@font-size-ctent + 2px) !important;
    transform: scale(0.9);
    opacity: 0.85;
    margin-right: 5px;
  }
}
.ant-menu-root {
  overflow-y: visible !important;
  padding-bottom: 16px;
}
.ant-menu-item {
  font-weight: 500;
  font-size: calc(@font-size-ctent + 0px) !important;
}
.ant-menu-inline {
  .ant-menu-item {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
}
//.page-eps,.page-cms {
//  .ant-menu-submenu {
//    .ant-menu {
//      .ant-menu-item {
//        width: 100% !important;
//        padding-left: 37px !important;
//        padding-right: 6px !important;
//        &:nth-child(2n) {
//          padding-left: 37px !important;
//          padding-right: 6px !important;
//          &.ant-menu-item-selected {
//            &:before {
//              left: 27px;
//            }
//          }
//        }
//      }
//    }
//  }
//}
.ant-menu-submenu {
  .ant-menu-submenu-title {
    font-weight: 500;
    font-size: calc(@font-size-ctent + 0px) !important;
  }
  .ant-menu {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    box-sizing: border-box;
    .ant-menu-item {
      font-weight: normal;
      width: 50% !important;
      padding-left: 36px !important;
      padding-right: 4px !important;
      margin-top: 0px !important;
      margin-bottom: 0px !important;
      //&.eps-menu-item {
      //  width: auto !important;
      //  padding-left: 20px !important;
      //  a {
      //    span {
      //      display: flow-root;
      //      white-space: nowrap;
      //      overflow: hidden;
      //      text-overflow: ellipsis;
      //    }
      //  }
      //}
      &:nth-child(2n) {
        padding-left: 16px !important;
        padding-right: 24px !important;
        &.ant-menu-item-selected {
          &:before {
            left: 8px;
          }
        }
      }
      &.ant-menu-item-selected {
        font-weight: 500;
        background-color: transparent;
        &:before {
          position: absolute;
          left: 28px;
          top: 17px;
          display: inline-block;
          content: "";
          height: 8px;
          width: 3px;
          border-radius: 1.5px;
          background: @primary-color;
        }
        &:after {
          display: none;
        }
      }
      a {
        font-size: calc(@font-size-ctent - 1px) !important;
        .text-clamp(1);
      }

      .anticon {
        display: none;
      }
    }
  }
}

.wui-menu {
  background-color: #ffffff;
  overflow-y: auto;
  &::-webkit-scrollbar{
    width:0;
  }
}
.wui-sub-menu {
  width: 256px;
  z-index: 9999;
  &.ant-menu-submenu .ant-menu .ant-menu-item {
    padding-left: 18px !important;
    padding-right: 6px !important;
    &.ant-menu-item-selected {
      &:before {
        left: 12px;
      }
    }
    &:nth-child(2n) {
      padding-left: 6px !important;
      padding-right: 18px !important;
      &.ant-menu-item-selected {
        &:before {
          left: 0px;
        }
      }
    }
  }
}

/*导航收缩时*/
.wui-layout {
  min-width: @width-page-min;
  height: 100%;
  margin: 0 auto;
  position: relative;
  background-color: transparent;
  &.ant-layout-has-sider {
    .ant-layout-sider {
      // position: absolute;
      background-color: transparent;
      .ant-pro-sider-menu-logo {
        background-color: transparent !important;
      }
    }
    .ant-pro-sider-menu-logo {
      visibility: hidden;
    }
  }
  &.ant-pro-topmenu {
    min-width: 1280px;
    .ant-layout-header {
      .ant-pro-top-nav-header {
        background-color: @color-primary !important;
      }
      .ant-menu-item > a, .ant-menu {
        color: rgba(255, 255, 255, .8);
      }
      .ant-menu-submenu-title .anticon, .ant-menu-item .anticon {
        display: none;
      }
      .ant-menu-item {
        height: 50px;
        line-height: 50px;
      }
      .ant-menu-submenu-selected, .ant-menu-submenu-open {
        border-bottom-color: transparent;
        .ant-menu-submenu-title {
          color: #ffffff;
          transition: none;
        }
      }
      .ant-menu-item-selected, .ant-menu-item-active, .ant-menu-item:hover {
        border-bottom-color: transparent;
        &>a {
          color: #ffffff;
        }
      }
      .header-messageInfo .noticeIcon, .wui-title .title .name, .ant-space-align-center, .time-select .el-input__inner, .time-select .el-input__prefix, .ant-dropdown-trigger {
        color: #ffffff;
        // color: @text-color;
      }
    }
    .ant-pro-top-nav-header-main {
      padding-left: 0px;
    }
    .ant-pro-top-nav-header {
      box-shadow: none;
    }
    .wui-multi-tab {
      height: 44px !important;
      top: 51px !important;
      .ant-tabs-nav-container {
        //margin-top: 4px;
      }
    }
    .ant-menu .anticon {
      font-size: calc(@font-size-ctent + 6px) !important;
    }
    .ant-pro-grid-content {
      width: calc(100% - 24px) !important;
      margin: 16px 12px !important;
    }
    .wui-header-fixed {
      background-color: #ffffff !important;
    }
    .ant-pro-top-nav-header-main {
      height: 100%;
    }
    .ant-pro-global-header-index-right {
      flex-shrink: 0;
      .ant-pro-global-header-index-action:hover {
        background-color: transparent;
      }
    }
    .ant-pro-top-nav-header-left {
      display: none;
    }
    .ant-pro-top-nav-header-menu {
      flex-shrink: unset;
      margin-left: 50px;
      overflow: hidden;
      .ant-menu-item, .ant-menu-submenu-title {
        padding-left: 12px;
        padding-right: 12px;
      }
    }
    .ant-pro-multi-tab-wrapper {
      max-width: 100% !important;
    }
  }
  .ant-menu:not(.ant-menu-horizontal) .ant-menu-item-selected {
    background-color: @bg-color-primary;
  }
  .ant-layout {
     background-color: transparent;
  }
  .wui-header-fixed {
    height: 50px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: @primary-color !important;
  }
  .ant-layout-header {
    &.ant-pro-fixed-header {
      position: absolute;
      background-color: transparent;
    }
    .ant-pro-global-header {
      background-color: transparent;
    }
  }
  .wui-multi-tab {
    position: absolute !important;
    border-bottom-right-radius: 5px;
    overflow: hidden;
    .ant-tabs-tab-active {
      .ant-dropdown-trigger {
        color: @color-primary;
      }
    }
    .ant-tabs-tab {
      font-size: calc(@font-size-ctent - 1px);
    }
    .ant-tabs-tab-active {
      background-color: @bg-color-grey !important;
    }
  }
  .ant-layout-content {
    .ant-pro-grid-content {
      position: relative;
      padding: 0;
      width: calc(100% - 16px);
      height: calc(100vh - 122px);
      margin: 16px 0px 16px 16px;
      .ulink-table-wrapper, .mris-wrapper, .ant-card, .table-card {
        border-radius: 5px;
      }
      .table-card {
         overflow: hidden;
      }
    }
    /*病案首页*/
    .index-wrapper {
      background-color: #ffffff;
      .right-wrapper {
        min-width: 450px !important;
        background-color: #ffffff;
      }
    }
  }
  /*标题*/
  .wui-title {
    @font-size: calc(@font-size-ctent + 5px);
    display: inline-block;
    margin-left: 16px;
    .title {
      display: flex;
      align-items: center;
      height: 50px;
      .logo {
        flex-shrink: 0;
        height: 36px;
        margin-right: 10px;
      }
      .split {
        width: 1px;
        height: @font-size;
        background-color: #ffffff;
        margin: 0 10px;
      }
      .name {
        color: #ffffff;
        flex-shrink: 0;
        font-size: @font-size;
        font-family: Avenir, Helvetica Neue, Arial, Helvetica, sans-serif;
        font-weight: 600;
        word-break: keep-all;
        display: flex;
        align-items: center;
        .anticon {
          font-size: @font-size;
          margin-left: 4px;
          font-weight: 600;
        }
      }
    }
  }
}

//头部左侧切换工作台
.setUl {
  .ant-dropdown-menu-item:hover, .ant-dropdown-menu-submenu-title:hover {
    background-color: @bg-color-primary;
  }
  .setMenu {
    &.active {
      background-color: @bg-color-primary;
      color: @color-primary !important;
    }
  }
  .setLink {
    position: relative;
    .text-clamp(1);
    .setCheck {
      margin-right: 4px;
      color: @color-primary !important;
    }
  }
  .ant-dropdown-menu-item {
    padding: @spacing-col-sm @spacing-row-base;
    font-size: @font-size-mini;
  }
  .menu-operation{
    text-align: center;
    i{
      position: relative;
      top:0px;
      margin-right: 5px;
    }
    &:hover{
      i{
        color: @color-primary
      }
    }
  }
}